<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--  
        1. 单次计时
            setTimeout(功能,时间)
            意思:多少时间之后,执行一次功能,例如:延迟
        2. 多次计时
            setInterval(功能,时间)
            意思:每隔多少时间,就执行一次功能,例如:定时
            注意:
             * 时间单位:毫秒 1s = 1000ms
             * 功能指的是:匿名函数 or 函数名(不加小括号的函数名)
        3. 计时器ID
            每个计时器都会返回一个计时器id
            注意:
             * setTimeout 和 setInterval计时器Id计数是共享(并非单独计数)
        4. 清除计时器
            通过计时器id 来清除指定的计时器
            clearTimeout(计时器id)
            clearInterval(计时器id)
    -->
    <script>
        // 单次计时
        // setTimeout(function(){
        //     console.log('123456');
        // },1000)
        // 多次计时
        // var time = 10;
        // setInterval(function(){
        //     if (time >= 0) {
        //         document.write(time);
        //         time--;
        //     }else{
        //         return;
        //     }
        // },100);
    </script>
    <script>
        // var x = setTimeout(function(){
        //     console.log(123);
        //     return 100;
        // },1000);
        // console.log(x);
    </script>
    <button onclick="stop()">暂停</button>
    <script>
        // var time = 0;
        // var x = steInterval(function(){
        //     console.log(time,x);
        //     time++;
        // },1000);

        // function stop(){
        //     clearInterval(x);
        //     console.log(x);
        // }

        // var x = setTimeout(function(){
        //     console.log(123456);
        //     clearTimeout(x);
        // },1000);
        // console.log(x);
        
        // 如何利用setTimeout实现setInterval
        // var time = 0;
        // function demo(){
        //     time++;
        //     console.log(time);
        //     x = setTimeout(demo,1000);
        //     if(time == 5){
        //         clearTimeout(x);
        //     }
        // }
        // var x = setTimeout(demo,1000);
    </script>
</body>
</html>